<template>
    <div>
        <VueDragResize :isActiyve="true" :w="250" :h="400"
        v-on:resizing="resize" v-on:dragging="resize"
        :isResizable="false"  :parentLimitation="true"
        :parentW="w" :parentH="h"
        :x="200" :y="100" style = "background: #FFFFFF;z-index: 100;">
            <el-row>
                <h3>智能分析</h3>
                    <span>智能分析</span>
                    <el-tabs v-model="AITab" style = "background: #FFFFFF;z-index: 100;">
                    <el-tab-pane label="胃镜" name="first">暂无数据</el-tab-pane>
                    <el-tab-pane label="电子病历" name="second">暂无数据</el-tab-pane>
                    <el-tab-pane label="检查" name="third">暂无数据</el-tab-pane>
                    </el-tabs>
            </el-row>
        </VueDragResize>
    </div>
</template>

<script>
import VueDragResize from 'vue-drag-resize';


export default {
  name: 'Analysis',

  components: {
    VueDragResize,
  },

  data() {
    return { 
      totalCount: 0,
      pageCurrent: 1,
      pageSize: 10,
      AITab: 'first',
      width: 0,
      height: 0,
      top: 0,
      w: document.documentElement.clientWidth,
      h: document.documentElement.clientHeight - 50,
      left: 0,
    };
  },
  computed: {
  },
  mounted() {
  },
  methods: {
    resize(newRect) {
      this.width = newRect.width;
      this.height = newRect.height;
      this.top = newRect.top;
      this.left = newRect.left;
    },
  },
};
</script>
